<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %>
<%@taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" %>
<%@taglib uri="/WEB-INF/struts-logic.tld" prefix="logic" %>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix='c'%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<style type="text/css">
    @import url( css/Style.css );
    #apDiv1 {
        position:absolute;
        width:80%;
        height:115px;
        z-index:1;
        left: 10%;
        top: 225px;
        right: 10%;
    }
</style>
<html:html>
    <head>
        <title>JETS25JAN forums | Edit Profile</title>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <meta name='MSSmartTagsPreventParsing' content='TRUE' />
        <meta http-equiv='expires' content='-1' />
        <meta http-equiv= 'pragma' content='no-cache' />
        <meta name="robots" content="nofollow" />
        <script type="text/javascript">
            <!--
 
            function navHover(which)
            {
                if (document.getElementById(which.id))
                {
                    cur = document.getElementById(which.id).className;
		
                    if (cur == 'buttonLarge')
                    {
                        document.getElementById(which.id).className = 'buttonLargeHover'
                    }
                    else if (cur == 'buttonSmall')
                    {
                        document.getElementById(which.id).className = 'buttonSmallHover'
                    }
                }
            }
 
            function navReset(which)
            {
                if (document.getElementById(which.id))
                {
                    cur = document.getElementById(which.id).className;
		
                    if (cur == 'buttonLargeHover')
                    {
                        document.getElementById(which.id).className = 'buttonLarge'
                    }
                    else if (cur == 'buttonSmallHover')
                    {
                        document.getElementById(which.id).className = 'buttonSmall'
                    }
                }
            }
 
 
            function navJump(where)
            {
                window.location=where;
            }
            -->
        </script>
    </head>

    <body>
        <div id='topBar'>
            <div class='topBarLinks'>


	Welcome <logic:notEmpty name="userBean" scope="session">
                    <bean:write name="userBean" property="username"/>
                    .&nbsp;&nbsp;&middot;&nbsp;&nbsp;
                    <a href="userProfile.jsp">Profile</a>
                     
                </logic:notEmpty>
                    
                     &nbsp;&nbsp <html:link action="/DisplayTopicAction.do">Home</html:link>
                &nbsp;&nbsp;&middot;&nbsp;&nbsp;
                 <logic:notEmpty name="userBean" scope="session">
                               
                                <html:link page="/LogoutURL.do">Logout</html:link>
                </logic:notEmpty>
                
                &nbsp;&nbsp;&middot;&nbsp;&nbsp;
                <logic:empty name="userBean" scope="session">
                    <a href="RegisterationForm.jsp">Register</a>                  
                </logic:empty>
                    
                &nbsp;&nbsp;&middot;&nbsp;&nbsp;
                <logic:notEmpty name="userBean" scope="session">
                    <logic:greaterThan value="0" name="userBean" property="userprev">
                        <html:link page="/ModUserControl.do">Member List</html:link>
                    </logic:greaterThan>
                </logic:notEmpty>
                
            </div>
        </div>

        <div id='pageheader'>
            <table style="width:100%; height:50px;" border="0" cellpadding="0" cellspacing="0">
                <tr>
                     <td style="width:45%;"><img src="css/1.png" width="216" height="74" border="0"/></td>
                    <td style="width:55%;" align="right" class="rightheader">
                    </td>
                </tr>
            </table>
        </div>
        <div id="subheader">

            <table style="width:100%;" border="0" cellpadding="0" cellspacing="0">
                <tr>
                    <td><div class="itempadbig"><div class="breadcrumb"><a href="http://www.cssdrive.com/index.php/forums/">Forum Home</a><span class="breadcrumbspacer">&nbsp;&nbsp;&gt;&nbsp;&nbsp;</span><a href="http://www.cssdrive.com/index.php/forums/viewcategory/10/">Other</a><span class="breadcrumbspacer">&nbsp;&nbsp;&gt;&nbsp;&nbsp;</span><span class="currentcrumb">Web coding</span></div></div></td>


                    <td align="right" valign="middle">
                        
                         <html:form action="/Search.do"> 
                        <div> 
                            <input type="hidden" name="XID" value="82f0ac26bfac8a5c7ee2fb21ec9708902520d712" /> 
                            <input type="hidden" name="board_id" value="1" /> 
                            <input type="hidden" name="site_id" value="1" /> 
                        </div> 
                        <table border="0" cellpadding="0" cellspacing="0" align="right"> 
                            <tr> 
                                <td><div class="smallLinks"><b>Search</b>&nbsp;&nbsp;</div></td> 
                                <td><html:text property="search" size="20" maxlength="80" style="width:130px"></html:text></td> 
                                <td>&nbsp;<html:submit value="search"></html:submit></td> 
                            </tr> 
                        </table> 
                 </html:form>
                    </td>

                </tr>
            </table>
        </div>       

        <div id="apDiv1">
            <div id="content">
                <script type="text/javascript">
                    <!--
 
                    function showHideRow(el)
                    {
                        if (document.getElementById(el).style.display == "")
                        {
                            document.getElementById(el).style.display = "none";
                        }
                        else
                        {
                            document.getElementById(el).style.display = "";
                        }
                    }
                    //-->
                </script>


                <table class="tableBorderLeft" cellpadding="0" cellspacing="0" border="0" style="width:100%;height:100%" >
                    
                    <tr>
                        <td class="profileHeadingBG" colspan="2"  align="center"><div class="tableHeading"><font size="30"><center>Edit Your Profile</center></font></div></td><td class="profileHeadingBG" colspan="2" align="center"></td>
                        <td><img border="0" src="<bean:write name="userBean" property="avatar"/>" alt="Pulpit rock" height="200" width="200"/></td>
                    </tr>                  
                    <tr>
                        
                            <td class="tableCellTwo" style="width:40%;" ><div class="topicTitle"><b>Password</b></div></td>
                            <td class="tableCellTwo" style="width:60%;"><html:link href="editpassword.jsp">Edit Password</html:link></td>                         
                            
                        
                    </tr>
                    <tr>
                         <html:form action="/ProfileAction.do" method="post" enctype="multipart/form-data">
                            <td class="tableCellTwo" style="width:40%;"><div class="topicTitle"><b>First Name</b></div></td>
                            <td class="tableCellTwo" style="width:60%;"><html:text   property="fName" value="${userBean.FName}" size="40"></html:text></td>
                           
                        

                    </tr>
                    <tr>
                            <td class="tableCellTwo" style="width:40%;"><div class="topicTitle"><b>Last Name</b></div></td>
                            <td class="tableCellTwo" style="width:60%;"><html:text property="lName" value="${userBean.LName}" size="40"></html:text></td>       
                            
                       
                    </tr>
                    <tr>
                        
                            <td class="tableCellTwo" style="width:40%;"><div class="topicTitle"><b>Gender</b></div></td>
                            <td class="tableCellTwo" style="width:60%;"><html:radio property="gender" value="Male" title="Male" >Male</html:radio><html:radio property="gender" value="Female">Female</html:radio></td>
                            
                       
                    </tr>
                    <tr>
                                         
                            <td class="tableCellTwo" style="width:40%;"><div class="topicTitle"><b>Country</b></div></td>
                            <td class="tableCellTwo" style="width:60%;">
                            <html:select property="country" size="1">
                                    <html:option value="0">Select Country</html:option>
                                    <html:option value="Egypt">Egypt</html:option>
                                    <html:option value="USA">USA</html:option>
                                    <html:option value="UK">UK</html:option>
                                    <html:option value="UAE">UAE</html:option>
                                    <html:option value="FR">FR</html:option>
                                    <html:option value="JAPAN">JAPAN</html:option>
                                    <html:option value="Other">Other</html:option>
                                </html:select></td>         
                    </tr>
                    <tr>
                        
                            <td class="tableCellTwo" style="width:40%;"><div class="topicTitle"><b>Email</b></div></td>
                            <td class="tableCellTwo" style="width:60%;"><html:text property="mail" value="${userBean.EMail}" size="40"></html:text></td>
                            
                            
                       
                    </tr>
                  
                        <tr>
                            <td class="tableCellTwo" style="width:40%;"><div class="topicTitle"><b>Avatar</b></div></td>
                            <td class="tableCellTwo" style="width:60%;"><html:file property="theFile"></html:file></td>
                            <td align="center"><html:image src="css/2.png" /></td></tr>
                        </html:form>   
                   
                </table>

                
                
                <div class="spacer"></div>
                <div class="spacer"></div>
            </div>
            <div id="footer">


                <div class="itempadbig" style="display:none">
                    <select name="theme_switcher" class="select" onchange="if (this.value != '') location.href=this.value">
                        <option value="">Select A Theme</option>
                        <option value="http://www.cssdrive.com/index.php?ACT=32&amp;board_id=1&amp;theme=shares2">Shares2</option>
                        <option value="http://www.cssdrive.com/index.php?ACT=32&amp;board_id=1&amp;theme=default2" selected="selected">Default2</option>
                        <option value="http://www.cssdrive.com/index.php?ACT=32&amp;board_id=1&amp;theme=grey2">Grey2</option>
                        <option value="http://www.cssdrive.com/index.php?ACT=32&amp;board_id=1&amp;theme=blue2">Blue2</option>
                        <option value="http://www.cssdrive.com/index.php?ACT=32&amp;board_id=1&amp;theme=developer2">Developer2</option>

                    </select>
                </div>


                <p>Copyright (c) 2011 JETS25JAN INTAKE 31</p>
            </div>
        </div>


    </body>
</html:html>
